<template>
  <div class="form-element">
    <div class="col-md-12 padding-0">
      <div class="col-md-12">

        <div class="panel form-element-padding">
          <div class="panel-heading">
            <h4>取票通知</h4>
          </div>


          <el-table
            :data="notes"
          >
            <el-table-column
              label="通知ID"
              prop="noteId"
              width="300px"
            ></el-table-column>
            <el-table-column
              label="航班ID"
              prop="flightId"
              width="100px"
            ></el-table-column>
            <el-table-column
              label="姓名"
              prop="passengerName"
              width="100px"
            ></el-table-column>
            <el-table-column
              label="身份证号"
              prop="cardId"
              width="200px"
            ></el-table-column>
            <el-table-column
              label="最迟取票时间"
              prop="takeTime"
              width="200px"
            ></el-table-column>
            <el-table-column
              label="机场"
              prop="airport"
            ></el-table-column>


          </el-table>

        </div>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: "MyNotation",
  data() {
    return {
      notes: [],
      passenger: {},
    }
  },
  created() {
    const _this = this
    this.passenger = JSON.parse(sessionStorage.getItem('passenger'))
    this.$axios.post('http://localhost:8181/note/getNotes', this.passenger).then((resp) => {
      _this.notes = resp.data
    })
  }
}
</script>

<style scoped>

</style>
